<template>
  <div class="index">
    <div>
      <a href="https://vitejs.dev" target="_blank">
        <img src="/vite.svg" class="logo" alt="Vite logo" />
      </a>
      <span>∞</span>
      <a href="https://vuejs.org/" target="_blank">
        <img src="/vue.svg" class="logo" alt="Vue logo" />
      </a>
    </div>

    <HelloWorld :number="666" />
  </div>
</template>

<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
</script>

<style lang="scss" scoped>
.index {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;

  a {
    img {
      width: 50px;
    }
  }

  span {
    font-size: 14px;
  }
}
</style>
